<template>
<div class = "pro_detail">	
	<div class = "proticalDetail">
		<div class = "detailTxt" v-if="detail">
			<div v-html="detail.detail"></div>
		</div>
		<div v-else style="text-align: center">
			<article>暂无数据</article>
		</div>
	</div>
</div>
</template>
<script>
	import axios from 'axios';
	import getSearch from '../../utils/getUrlSearch';
	export default {
		data () {
			return {			
				detail: '',
			}
		},
		async mounted() {
			let expCode = getSearch().type;
			console.log(expCode,'expcode')
			let res = await this.findDetail(expCode);
			console.log(api.base_host,'res.data.data[0]')
			this.detail = res.data.data[0];
		},
		components: {
		    
		},
        methods:{
            findDetail(expCode) {
				let url = api.base_host + '/expMana/findDetail' + '?expCode=' + expCode;
				let options = {
					url: url,
					methods: 'GET'
				}
				return axios(options);
            },
        }
	}
</script>
<style scoped>
    .pro_detail {
		position: relative;
		top: 0;
		width: 100%;
		height:100%;
		overflow:hidden;
		/*overflow-y:scroll;*/
		display: flex;
		flex-flow: column nowrap;
		text-align: left
	}
	header {
		text-align: center;
	}
	.proticalDetail {
		padding:0.5rem 0;
		flex: 1;
		overflow-y: scroll;
	}
	.detailTxt {
		background:#fff;
		padding:0.5rem;
	}
	.detailTxt{
		text-align:left;
	}
</style>